
// 渲染数据
$(function(){
//页面加载后在页面渲染第一屏数据
var curretnPage = 1;
var pageSize = 5;
var isDelete;
var id;
rander();
function rander(){
    $.ajax({
        url: '/user/queryUser',
        type: 'get',
        data: {
            page: curretnPage,
            pageSize: pageSize
        },
        dataType: 'json',
        success: function(info){
            $('tbody').html(template('tmp', info));
            //分页显示
            $('#paginator').bootstrapPaginator({
                bootstrapMajorVersion: 3,
                curretnPage: curretnPage,
                totalPages:Math.ceil(info.total / info.size),
                onPageClicked: function (_, _, _, page) {
                    curretnPage = page;
                    rander();
                }
            });
        }
    })
}
//点击显示模态框
    //进行事件委托
$('tbody').on('click', '.btn-user', function (){
    $('#userModal').modal('show');//显示模态框
    id = $(this).parent().data('id');//记录当前数据id,.data用于获取data-id的自定义属性里的数据
    //根据按钮颜色进行判断用户是禁用还是启用
    isDelete = $(this).hasClass('btn-success') ? 1 : 0;
});
//点击模态框确定按钮操作相应的id
$('.btn-ok').click(function(){
    $.ajax({
        url: '/user/updateUser',
        typa:'post',
        data: {
            id: id,
            isDelete: isDelete
        },
        dataType: 'json',
        success: function (info) {
            if(info.success){
                $('#userModal').modal('hide');//隐藏模态框
                rander();//重新渲染页面
            }
        }
    })
});
})